<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="css/eui.css">
  <style>
    h1{
      float: left;
      font-size: 22px;
      color: white;
      margin: 0;
    }
    .el-header{
      background-color: #0095d7;
      color: #333;
      line-height: 60px; /*实现垂直居中效果*/
    }
  </style>
</head>
<body>
<div id="app">
  <el-header style="text-align: right; font-size: 12px">
    <h1 >后台用户管理首页</h1>
    <span>欢迎{{user.nick}}回来!</span>
    <a href="javascript:void(0)" @click="logout()">退出登录</a>
  </el-header>
  <template>
    <el-radio v-model="radio" label="1">添加用户</el-radio>
    <el-radio v-model="radio" label="2">修改用户</el-radio>
    <el-radio v-model="radio" label="3">删除用户</el-radio>
  </template>
    </el-header>
    <div style="width: 200px" @click="adminUserList">
      <h1>用户管理</h1>
      <el-input
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 4}"
              placeholder="用户账号"
              v-model="textarea1">
      </el-input>
      <div style="margin: 20px 0;"></div>
      <el-input
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 4}"
              placeholder="用户密码"
              v-model="textarea2">
      </el-input>
      <div style="margin: 20px 0;"></div>

      <el-input
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 4}"
              placeholder="用户昵称"
              v-model="textarea2">
      </el-input>
      <el-row>
        <el-button type="success" icon="el-icon-check" circle></el-button>
      </el-row>
    </div>


</div>
</body>
<script src="js/vue.min.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script src="js/axios.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function() {
      return {
        textarea1: '',
        textarea2: '',
        user:{},
        radio: '1'
      }
    },
      methods:{
        adminUserList(){
            axios.get("/adminUserList").then(function (response) {

            })
          }

      }
  })
</script>
</html>